<!DOCTYPE html>
<html lang="cn">
<head>
	<meta charset="UTF-8">
	<title>无缝滚动</title>
	<style>
	li {
		list-style: none;
	}
	.box {
		margin: 100px auto;
		width: 400px;
		color: #fff;
		overflow: hidden;
		
	}
	.box li {
		float: left;
	}
	.box li span {
		display: block;
		width: 200px;
		height: 100px;
	}
	</style>
	<script src="script/jquery-1.8.3.js"></script>
	<script src="script/scrollMove.js"></script>
</head>
<body>
	<div class="box">
		<ul>
			<li><span style="background:red">1</span></li>
			<li><span style="background:blue">2</span></li>
			<li><span style="background:yellow">3</span></li>
			<li><span style="background:green">4</span></li>
		</ul>
		
	</div>
	<div class="box">
		<ul>
			<li><span style="background:red">1</span></li>
			<li><span style="background:blue">2</span></li>
			<li><span style="background:yellow">3</span></li>
			<li><span style="background:green">4</span></li>
		</ul>
		
	</div>
	<script>
	$('.box').kxbdMarquee({
		direction: 'left'
	});
	</script>
</body>
</html>